<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片标签用于当前页面中引入一个外部图片
       使用img标签引用外部图片，img标签是一个自结束标签
       img这种元素属与替换元素（基于块和行内元素之间，具有两种属性的特点）
       属性：


         src属性指定的是外部图片的路径（路径规则·和超链接是一样的）
        alt 图片的描述，这个描述默认情况下不会显示，有些浏览器会让图片无法加载时显示
           搜索引擎会根据alt中的内容来识别图片，如果不写alt属性则图片不会被搜索引擎所识别
           width 图片的宽度（单位是宽度）
           height 图片的高度
               - 宽度和高度如果只修改了一个，则另外会等比例缩放

            注意：
            一般情况下在pc端，不建议修改图片大小，需要多大的图片就裁剪多大
            但是在移动端，经常需要对图片惊醒缩放（大图缩小）
        图片格式：
        jpeg（jpg）
           - 支持的颜色比较丰富 ， 不支持透明 ，不支持动图
           - 一般用来显示照片
        gif
           - 支持的颜色比较少 ， 支持简单透明 ， 支持动图
           - 颜色单一的图片，动图
        png
           - 支持的颜色丰富 ，复杂透明，不支持动图  
           - 颜色丰富，复杂透明的图片（专为网页而生）
           webp
               - 谷歌推出的一种图片格式
               - 它具备其他图片的所有优点，而且文件还特别小
               - 缺点： 兼容性不好
            base64
               - 将图片使用base64编码,可以将·图片转换为字符，通过字符的形式来引入图片
               - 一般都是一些和网页一起加载的·图片使用base64
           
           效果一样用小的
           效果不一样用好的
           
         -->
        <img src="" alt="">
</body>
</html>